<template>
    <div class="permission_list">
        <Layout>
            <Header class="header">
                <Row>
                    <Col :span="20">
                        <div>
                            <span class="border-left"></span>
                            权限管理
                        </div>
                    </Col>
                    <Col :span="4">
                        <!-- <div class="back">
                            <span class="back-btn" @click="back">
                                <Icon type="ios-arrow-back" />
                                返回
                            </span>
                            
                        </div> -->
                    </Col>
                </Row>
            </Header>
            <Content class="content">
                <!-- <div class="add-permission">
                    <Row>
                        <Col :span="24" class="add-btn-box">
                            <div class="add-btn" @click="add">添加权限</div>
                        </Col>
                    </Row>
                </div> -->
                <div class="table-box">
                    <el-table
                        size="mini"
                        :data="tableData"
                        style="width: 100%">
                        <el-table-column
                            prop="name"
                            label="权限名称"
                            align="center">
                        </el-table-column>
                        <el-table-column
                            prop="name"
                            label="菜单名"
                            align="center">
                        </el-table-column>
                        <el-table-column
                            prop="url"
                            label="权限对应URL"
                            align="center">
                        </el-table-column>
                        <el-table-column
                            prop="create_time"
                            label="创建时间"
                            align="center">
                        </el-table-column>
                        <!-- <el-table-column
                            label="操作"
                            width="200"
                            align="center">
                            <template slot-scope="scope">
                                <el-button type="text" size="small" @click="edit(scope.row)">编辑</el-button>
                                <el-button type="text" size="small" >删除</el-button>
                            </template>
                        </el-table-column> -->
                    </el-table>
                </div>
            </Content>
            <Footer>
                <p class="copy-right">Copyright © {{host}}, All Rights Reserved.</p>
            </Footer>
        </Layout>
    </div>
    
</template>

<script>
    export default {
        data(){
            return {
                host: window.location.host,
                tableData: [
                    {
                        name: '系统首页',
                        url: '/index',
                        create_time: '2018-09-26'
                    },
                    {
                        name: '用户列表',
                        url: '/user/userlist',
                        create_time: '2018-09-26'
                    },
                    // {
                    //     name: '1.0用户列表',
                    //     url: '/user/olduserlist',
                    //     create_time: '2018-09-26'
                    // },
                    {
                        name: '合伙人列表',
                        url: '/user/partnerlist',
                        create_time: '2018-11-29'
                    },
                    {
                        name: '省代列表',
                        url: '/user/provincelist',
                        create_time: '2018-11-29'
                    },
                    {
                        name: '市代列表',
                        url: '/user/citylist',
                        create_time: '2018-11-29'
                    },
                    {
                        name: '区代列表',
                        url: '/user/townlist',
                        create_time: '2018-11-29'
                    },
                    {
                        name: '个人代理列表',
                        url: '/user/personalelist',
                        create_time: '2018-11-29'
                    },
                    {
                        name: '推广员列表',
                        url: '/user/promotersList',
                        create_time: '2018-11-29'
                    },
                    // {
                    //     name: '服务列表',
                    //     url: '/service/servicelist',
                    //     create_time: '2018-09-26'
                    // },
                    // {
                    //     name: '视频列表',
                    //     url: '/video/videolist',
                    //     create_time: '2018-09-26'
                    // },
                    {
                        name: '视频审核',
                        url: '/video/videoaudit',
                        create_time: '2018-09-26'
                    },
                    {
                        name: '信息审核',
                        url: '/shareinfo/shareinfolist',
                        create_time: '2018-09-26'
                    },
                    {
                        name: '订单列表',
                        url: '/order/OrderList',
                        create_time: '2018-09-26'
                    },
                    {
                        name: '提现审核',
                        url: '/financial/withdrawal',
                        create_time: '2018-09-26'
                    },
                    // {
                    //     name: '充值记录',
                    //     url: '/financial/topup',
                    //     create_time: '2018-09-26'
                    // },
                    // {
                    //     name: '合伙人总览',
                    //     url: '/agent/partner/partner',
                    //     create_time: '2018-09-26'
                    // },
                    // {
                    //     name: '区域代理总览',
                    //     url: '/agent/area/area',
                    //     create_time: '2018-09-26'
                    // },
                    // {
                    //     name: '个人代理总览',
                    //     url: '/agent/personal/earnings',
                    //     create_time: '2018-09-26'
                    // },
                    // {
                    //     name: '反馈管理',
                    //     url: '/system/system/feedback',
                    //     create_time: '2018-11-28'
                    // },
                    {
                        name: '抵扣券管理',
                        url: 'vouchers/voucherslist',
                        create_time: '2018-09-26'
                    },
                    {
                        name: '角色管理',
                        url: '/system/system/role',
                        create_time: '2018-09-26'
                    },
                    {
                        name: '添加成员',
                        url: '/system/system/adduser',
                        create_time: '2018-09-26'
                    },
                    // {
                    //     name: '用户录入',
                    //     url: '/system/system/dataentry',
                    //     create_time: '2018-09-26'
                    // },
                    // {
                    //     name: '人员管理',
                    //     url: '/system/system/personnelmanagement',
                    //     create_time: '2018-09-26'
                    // },
                    {
                        name: '权限管理',
                        url: '/system/system/permissionlsit',
                        create_time: '2018-09-26'
                    },
                    // {
                    //     name: 'banner管理',
                    //     url: '/config/bannerconfig',
                    //     create_time: '2018-09-26'
                    // },
                    // {
                    //     name: '安卓包版本管理',
                    //     url: '/config/apk',
                    //     create_time: '2018-09-26'
                    // },
                    {
                        name: '平台设置',
                        url: '/config/platform',
                        create_time: '2018-09-26'
                    },
                    // {
                    //     name: '系统通知管理',
                    //     url: '/config/notice',
                    //     create_time: '2018-09-26'
                    // },
                    {
                        name: '公司简介管理',
                        url: '/config/companyprofile',
                        create_time: '2018-09-26'
                    },
                ]
            }
        },
        mounted(){
            this.$store.state.isLoading = false;
        },

        computed: {

        },

        watch: {
            
        },
        
        methods: {
            add() {

            },
        }
    }
</script>


<style lang="less">
    @import '../../../assets/styles/constant.less';
    .permission_list{
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #f5f7f9;
        .ivu-layout{
            min-height: 100%;
        }
        .header{
            font-size: 14px;
            line-height: 40px;
            height: 40px !important;
            color: #434343;
            padding: 0 50px;
            background-color: @background;
            border-bottom: 1px solid #ddd;
            .border-left {
                border-left: 5px solid @baseColor;
                margin-right: 4px;
            }
            .back{
                text-align: right;
                color: #999;
                .back-btn{
                    cursor: pointer;
                    background-color: #fff;
                    padding: 6px 10px;
                    border: 1px solid #ddd;
                }
            }
        }
        .content{
            width: 100%;
            min-height: 76%;
            padding: 20px 60px;
            .add-permission{
                margin-top: 10px;
                .add-btn-box{
                    display: flex;
                    justify-content: flex-end;
                    .add-btn{
                        width: 100px;
                        height: 32px;
                        line-height: 32px;
                        text-align: center;
                        background-color: #fff;
                        border: 1px solid #ddd;
                        border-radius: 4px;
                        color: #333;
                        cursor: pointer;
                    }
                }
            }
            .table-box{
                margin-top: 10px;
                .el-table th{
                    background-color: #eee;
                    color: #333;
                    font-size: 14px;
                }
                .el-button--text{
                    color: @greenColor;
                }
            }
            .page-box {
                height: 50px;
                line-height: 50px;
                text-align: right;
                background-color: #fff;
                padding: 0 20px;
            }
        }
        .copy-right{
            text-align: center;
            color: #aaa;
            font-size: 12px;
        }
    }
</style>